<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>停止定时器</button>
    <div>停止延时器</div>
    <script>
        // 定时器    每隔一段时间执行一次
        // setInterval(函数,执行间隔时间)
        let t1 = setInterval(function(){
            console.log('666');
            
        },1000)
        // 停止的方法
        let but = document.querySelector('button')
        but.onclick=function(){
            // 停止定时器     clearInterval(定时器名称)
            clearInterval(t1)
        }

        // 延时器     延时多长时间执行
        let y2 = setTimeout(function(){
            console.log('888');
            
        },2000)
        let div =document.querySelector('div')
        div.onclick=function(){
            // 停止延时器  
            clearTimeout(y2)
        }
    </script>
</body>
</html>